@charset "utf-8";
/* CSS Document */
.m-menubtn{ position: absolute;top:15px; right:3%; width:22px; height:14px;top:23px; display:none}
.m-menubtn span{position: absolute;display: block;width: 100%;height: 2px;background-color: #333;left: 0; transition: all .5s ease;margin: 0;}
.m-menubtn.active span{ background:#cf1213}
.m-menubtn .line1{top: 0;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0;transform-origin: left top 0;}
.m-menubtn .line2{top: 7px;}
.m-menubtn .line3{top: 100%;-webkit-transform-origin: left bottom 0;-ms-transform-origin: left bottom 0;transform-origin: left bottom 0;}
.m-menubtn.active .line1 {-webkit-transform: rotate(43deg);-moz-transform: rotate(43deg);transform: rotate(43deg);}
.m-menubtn.active .line2{ opacity:0}
.m-menubtn.active .line3{-webkit-transform: rotate(-43deg);-moz-transform: rotate(-43deg);transform: rotate(-43deg);}

.m-menu{ background:#f5f5f5; position:fixed; left:0;top:0; width:100%; height:100%;display:none; overflow-y:auto; overflow-x:hidden; z-index:99}
.m-menu ul{ width:100%; height:calc(100vh - 90px); padding-top:90px; overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu .menu_li{ border-bottom:1px solid #d8d8d8;-webkit-transform:translateX(15px);-ms-transform:translateX(15px);-o-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px);
-webkit-transition: all .5s ease;
-moz--webkit-transition: all .5s ease;
-ms--webkit-transition: all .5s ease;
-o--webkit-transition: all .5s ease;
transition: all .5s ease;}
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}
.m-menu .menu_li .arrow{position: absolute; right: 0;top: 0;width: 63px;height:50px;display: block;cursor: pointer;border-left: 1px solid #d8d8d8;}
.m-menu .menu_li .arrow:before{ content:"";display: block;position: absolute;top: 26px;left: 22px;width: 20px;height: 2px;background-color: #333333;}
.m-menu .menu_li .arrow:after{ content:"";display: block;position: absolute;top: 26px;left: 22px;width: 20px;height: 2px;background-color: #333333;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: -webkit-transform .2s;transition: -webkit-transform .2s;-o-transition: transform .2s;transition: transform .2s;transition: transform .2s,-webkit-transform .2s;}
.m-menu .menu_li .subnav{ padding:15px 3%; line-height:30px; font-size:14px; display:none; background:#f3f3f3}

.m-menu .menu_li.active .menu_a{ background:#cf1213; color:#fff}
.m-menu .menu_li.active .arrow:before,.m-menu .menu_li.active .arrow:after{ background:#fff}
.m-menu .menu_li.active .arrow:after{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
.delay01{-webkit-transition-delay:.02s!important;-moz-transition-delay:.02s!important;transition-delay:.02s!important;}
.delay02{-webkit-transition-delay:.06s!important;-moz-transition-delay:.06s!important;transition-delay:.06s!important;}
.delay03{-webkit-transition-delay:.1s!important;-moz-transition-delay:.1s!important;transition-delay:.1s!important;}
.delay04{-webkit-transition-delay:.14s!important;-moz-transition-delay:.14s!important;transition-delay:.14s!important;}
.delay05{-webkit-transition-delay:.18s!important;-moz-transition-delay:.18s!important;transition-delay:.18s!important;}
.delay06{-webkit-transition-delay:.22s !important;-moz-transition-delay:.22s!important;transition-delay:.22s!important;}
.delay07{-webkit-transition-delay:.26s !important;-moz-transition-delay:.26s!important;transition-delay:.26s!important;}
.delay08{-webkit-transition-delay:.30s !important;-moz-transition-delay:.30s!important;transition-delay:.30s!important;}
.m-menu .menu_li.animate{ opacity:1; -webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.sub-menubg{ position:fixed; width:100%; height:100%; background:#f5f5f5;top:0; left:0; z-index:9; display:none}
.m-menu .inquiry{ border-bottom:none;}
.m-menu .inquiry a{ display:block; width:100px; line-height:35px; text-align: center;background: #e89211; color:#fff; margin-left:3%; margin-top:20px; margin-bottom:20px}
.m-menu .lang_2{ border-bottom:none;padding-left:3%}
.lang_2 { padding-bottom:20px}
.lang_2 a{ display:inline-block; margin-right:15px; font-size:16px; padding-right:15px;position:relative}
.lang_2 a:after{ content: "";display: block;width: 1px; height: 13px;background: #ddd;position: absolute;right: 0;top: 5px;}
.lang_2 a:last-child::after{ display:none}
body.all .message_float{ z-index:98}
.n_nav_news{ display:none}
.n_nav_news li{ width:50%}
.m-prosolu{ display:none}

.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background: #bf3532; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.333%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url(sms.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(tel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(mail.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li4 a{ background:url(ewm.png) no-repeat center 3px; padding-top:25px}
.m_contact{ display:none;background: #292929; color:#999; font-size:14px; line-height:25px; padding-bottom:30px; padding-top:10px; border-top:1px solid #333;}
.m_contact a{ color:#999}
.m_fnav{}
.m_fnav li{ float:left; margin-right:15px; padding-right:15px; position:relative}
.m_fnav li:after{ content:""; width:1px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; right:0; background:#555}
.tanchuang{ display:none}
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:998}
.tanchuang .text{ position:fixed;left:50%; margin-left:-150px;top:20%; width:300px; padding:20px; height:auto; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center; z-index:1000}
.tanchuang .text .closed{width:30px; height:30px; background:url(close_1.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#bf3532}
.tanchuang .text .tel{ background:#bf3532; color:#fff;padding:15px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .btn{ background:url(b-03.png) no-repeat left center; background-size:30px auto; display:inline-block; padding-left:35px; color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#bf3532; font-size:18px; margin-top:15px}
@media screen and (max-width:1920px){
	.banner .text{ padding-top:8%; padding-bottom:5%}
	.header-bot .right{ padding-right:0;}
	.header-top .right{ padding-right:50px}
	#solutionlist .swiper-slide .text{ padding-top:5%}
}
@media screen and (max-width:1680px){
	.wrap{ max-width:100%; padding:0 50px}
	#solutionlist .swiper-slide .wrap{ margin-left:0; transform:translateX(-50%)}
	#solutionlist .swiper-slide .wrap:before{ width:50px; left:0}
	.banner .text .p0{ font-size:50px;}
	.banner .text .p1{ font-size:30px}
	.banner .text .p2{ font-size:20px}
	.i-about{ padding:45px 50px;}
	.i-about .left{ padding:50px;}
}
@media screen and (max-width:1440px){.menu{ margin-left:2%}.n_solutionlist_3 .textbox p{ font-size:16px; line-height:26px}.n_solutionlist_3 .textbox h3{ font-size:35px}.product_con .left .proimg{ width:35%}.product_con .left .protxt{ padding-left:40%}}
@media screen and (max-width:1366px){
	.i-newslist li .pic{ height:200px;}
}
@media screen and (max-width:1200px){
	.wrap{padding:0 3%}
	.header-bot{ padding:0 3%}
	.header-bot .right{ padding-right:0}
	.header-top .left{ padding-left: calc(3% + 130px)}
	.header-top .right{ padding-right:3%}
	.menu{ margin-left:0}
	.menu .menu_a{ padding:0 22px}
	.header-bot .right .search-btn{ margin-right:10px}
	.search-alert .form{ width:70%}
	#solutionlist .swiper-slide .wrap:before{ display:none}
	#solutionlist .swiper-slide .wrap{ padding:0}
	#solutionlist .swiper-slide .text{ padding-left:3%; width:40%}
	.i-solution .tabs span{ display:none}
	.i-solution .tabs_box{ text-align:right}
	.i-solution .tabs{ background:none; bottom:15px}
	.i-solution .tabs a{ width:10px; height:10px; background:#fff; display:inline-block; border-radius:50%; margin:0 3px; float:inherit}
	.i-solution .tabs a.active{background:#cf1213;}
	.i-solution .tabs a:before{ display:none}
	#solutionlist .swiper-slide .intro{ margin:2% 0 3%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
	#solutionlist .swiper-slide .intro p{overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
	#solutionlist .swiper-slide .more{ width:80px; line-height:30px; font-size:12px;}
	.qzj-toplist:before{ width:calc(100% + 6%); left:-3%}
}
@media screen and (max-width:1024px){
	body{ font-size:14px;}
	.header-bot .right,.menu{ display:none}
	.m-menubtn{ display:block}
	.header-top{ height:30px; line-height:30px;}
	.header-top .right .tel:after{top:9px}
	.header-top .right .mail{ margin-right:20px}
	.header-top .right .tel{ margin-right:20px; padding-right:20px}
	.header-bot{ height:60px;top:30px}
	.header{ height:90px; }
	.logo{ height:60px; width:200px}.logo a{ display:block; height:60px; width:100%}
	.logo img{ position:absolute; left:0;top:0;bottom:0;margin:auto; height:80px}
	.banner .text .p0{ font-size:30px;}
	.banner .text .p1{ font-size:18px}
	.banner .text .p2{ font-size:14px}
	.f-nav li{ display:none}
	.f-nav li:last-child{ display:block; position:absolute; right:3%;top:0; width:120px}
	.f-contact{ position:relative; width:100%}
	.f-nav, .f-flink, .copyright{ width:100%}
	.i-product{ padding:40px 0}
	.i-product li{ width:48%; margin-bottom:2%}
	.i-about,.i-news{ padding:40px 0}
	.i-about .left{ padding:30px 3%}
	.i-about .left .tit img{ width:180px}
	.i-about .left .intro{ font-size:25px}
	.i-about .left .intro span{ font-size:30px}
	#solutionlist .swiper-slide .wrap{ position:relative; width:100%; left:0; transform:translateX(0)}
	#solutionlist .swiper-slide .text{ width:100%;background: #cf1213; padding:3%}
	.i-solution .tabs a{ background:none; border:1px solid #fff}
	.i-solution .tabs a.active{ background:#fff}
	#solutionlist .swiper-slide h3{ font-size:25px}
	#solutionlist .swiper-slide .intro{ margin:1% 0 2%}
	.i-news .title{ font-size:30px; margin-bottom:20px}
	.i-newslist li:last-child{ margin-bottom:0}
	.footer{ padding:40px 0}
	.f-flink{ margin-top:30px}
	.main{ padding:40px 0}
	.main .title{ font-size:30px; margin-bottom:20px}
	.shzr .txt{ font-size:20px; padding:30px 30px 20px}
	.culture .item{ width:48%; margin-bottom:2%}
	.n_nav{ font-size:16px}
	.n_nav .wrap{ padding:0}
	.n_nav li{ float:left; width:33.333%;text-align:center; position:relative}
	.n_nav li a{ line-height:50px}
	.n_nav li.cur a:before{border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #cf1213;margin-left: -6px;}
	
	.n_nav2{ font-size:14px}
	.n_nav2 .wrap{ padding:0}
	.n_nav2 li{ float:left; width:25%;text-align:center; position:relative}
	.n_nav2 li a{ line-height:50px}
	.n_nav2 li.cur a:before{border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #cf1213;margin-left: -6px;}	
	
	.hr-top{ line-height:26px}
	.hr-top .text{ padding:30px}
	.hr-top .text h3{ font-size:30px; margin-bottom:20px}
	#allmap{ height:220px}
	.contact-top .text:before{ display:none}
	.newscon .ntit{ font-size:30px;}
	.solution .wrap_2{ padding:0 3%}
	.n_solutionlist_3 .bot{ margin-right:-2%}
	.n_solutionlist_3 .bot .item{ width:48%; margin-right:2%; margin-bottom:2%}
	.n_solutionlist_3 .textbox{justify-content:flex-start;align-content:flex-end}
	.n_solutionlist_3 .textbox h3{ text-align:left; padding:3% 3% 0; font-size:26px;}
	.n_solutionlist_3 .textbox p{ text-align:left; padding:3% 3% 4%; font-size:14px}
	.n_solutionlist_3 .top_4{ margin-right:-2%}
	.n_solutionlist_3 .top_4 .item1, .n_solutionlist_3 .top_4 .item2{ position:relative; float:left; left:auto;top:auto; width:48%; margin-right:2%; margin-bottom:2%}
	.n_solutionlist_3 .top_4 .item1 img, .n_solutionlist_3 .top_4 .item2 img{ width:100%;}
	.n_solutionlist_3 .top_4 .item3{ width:100%; margin-right:0}
	.n_solutionlist_3 .top_4 .item3>div:first-child{ margin-bottom:2%}
	.n_solutionlist_3 .top_4 .item3 .kuai{ margin-bottom:2%; width:48%;float:left; margin-right:2%}
	.newscon .left{ width:100%}
	.newscon .right{ display:none}
	.n_nav_news{ display:block}
	.m-video{ display:block}
	.n_solutionlist li{ width:48%}
	.product_con .left{ border-right:none; width:100%}
	.product_con .protxt h1{ font-size:30px; margin-bottom:0}
	.product_con .right{ width:100%; border-top:1px solid #e8e8e8; padding-top:30px; margin-top:30px;}
	.related_pro{ margin-right:-2%}
	.related_pro li{ width:31.33%; margin-right:2%; float:left}
	
	.qzj-toplist .txt .icon img{ width:180px; height:auto}
	.qzj-toplist .txt h3{ font-size:25px;}
	
}
@media screen and (max-width:768px){
	
.idea_list {
	margin-top: 50px;
	width: 99.6%;
	margin: 20px auto;
	text-align: center;
}

.idea_list img {
	padding: 2.25rem 1.25rem;
	padding-bottom: 0rem;
}

.idea_list .col-lg-4 {
	padding: 0px;
}

.idea_list .card {
	display: block;
	background: #f7f7f7;
	border-radius: 0px;
	border: none;
	padding: 30px 40px 00px 40px;
	text-align: center;
}

.idea_list .col-lg-4:nth-last-of-type(2) .card {
	background: #f0f0f0;
}
 

.idea_list .card-body {
	height: 10rem;
	padding-left: 24px;
	
}

.idea_list .card span {
	text-align: left;
	height: 70px;
	line-height: 70px;
	display: block;
}

.idea_list .card h2 {
	font-size: 20px;
	line-height: 34px;
	font-weight: 500;
	color: #333333;
	margin: 40px 0px 30px 0px;
	text-align: left;
	font-weight:bold;
}

.idea_list .card p {
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #666666;
	padding: 0px;
}
.col-lg-4{ width: 33.333%; float: left; text-align: center}	
	
	
	.xinwen-list ul li {
    list-style: none;
    float: left;
    width: 100%;
    margin: 10px auto;
 
}
	
	.tittop{display:none;}
	.related_pro{display:none;}
	.banner{background: #cf1213;}
	.banner .text{ position:relative; width:100%; padding:3% 3% 40px}
	.banner .text .p2{ margin-top:10px}
	.banner .images{ width:100%; float:none}
	.banner .swiper-pagination-bullet{ background:none; border:1px solid #fff}
	.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff}
	.download .textbox .list{ padding-bottom:20px}
	.downlist li{ width:98%}
	.n_solutionlist .textbox .text_top{ padding:20px}
	.n_solutionlist .textbox .text_bot{ padding:0 20px 20px}
	.hr-top .text{ padding:20px;line-height:24px}
	.hr-top .text h3{ font-size:20px; margin-bottom:10px; font-weight:bold}
	
	.n_solutionlist_3 .textbox h3{ font-size:20px}
	.newslist li{ padding-bottom:20px; margin-bottom:20px}
	.newslist li .bot{ margin-top:10px}
	.newslist li h3{ font-size:18px; margin-bottom:0}
	.product_con .protxt h1{ font-size:26px;}
	.i-newslist li{ width:48%; margin-bottom:2%}
	.footer{ padding-bottom:60px}
	.m-foot {display: block;}
	.contact-top .pic{ width:100%}
	.contact-top .text{ width:100%; margin-top:20px}
	.contact-top .text h3{ font-size:22px; margin-bottom:10px;}
	.qzj-toplist .pic{ width:100%; background:#fff;}
	.qzj-toplist .pic img{ width:auto; max-width:100%; margin:0 auto}
	.qzj-toplist .txt{ width:100%}
	
}
@media screen and (max-width:640px){
	body,.header{ min-width:320px}
	.header-top .right{ width:100%; padding:0}
	.header-top .right .cont{ display:none}
	.header-top .right .tel:after{ right:auto; left:0}
	.header-top .right a{ width:50%; text-align:center}
	.header-top .right .mail{ margin-right:0}
	.header-top .right .tel{ margin-right:0; padding-right:0}
	.i-product, .i-about, .i-news{ padding:30px 0}
	.footer{ padding-top:30px}
	.i-product li{ width:98%}
	.i-about .left{ padding-top:0; padding-left:0; padding-right:0 }
	.i-about .left .intro{ font-size:20px; margin-bottom:15px}
	.i-about .left .intro span{ font-size:24px;}
	.i-about .img{ position:relative}
	.i-about .img img{ max-width:100%; float:none;padding-right:0;}
	.i-about .left .txt br{ display:none}
	.banner .swiper-pagination-bullet{ width:10px; height:10px;}
	#solutionlist .swiper-slide h3{ font-size:18px;}
	#solutionlist .swiper-slide .intro{ font-size:14px}
	#solutionlist .swiper-slide .more{ display:none}
	.i-solution .tabs{ bottom:10px}
	.i-solution .tabs_box{ float:none; width:100%; text-align:center}
	.i-solution .tabs a{ width:8px; height:8px; margin:0 2px}
	.i-news .title{ font-size:26px; margin-bottom:15px}
	.i-newslist li{ margin-bottom:3%}
	.i-newslist li .pic{ height:180px;}
	.i-newslist li h3{ font-size:16px;}
	.message_float{ display:none}
	.footer{ line-height:24px}
	.f-contact .kuai .tit{ font-size:14px;}
	.f-flink{ margin-top:20px; padding:10px 0}
	.f-nav li:last-child{ width:100px;}
	.f-nav li .dt{ font-size:14px}
	.f-nav li .ewm{ width:100px}
	.f-nav li:last-child .dt{ padding-left:22px}
	.main{ padding:30px 0}
	.main .title{ font-size:26px}
	.shzr .swiper-pagination-bullet{ width:10px; height:10px}
	.content_a{ font-size:14px}
	.main .content{ line-height:26px}
	.culture .item{ width:98%}
	.culture .item .text{ min-height: auto; padding:20px}
	.culture .item .text h4{ font-size:18px; margin-bottom:5px}
	.shzr .txt{ font-size:18px;padding: 20px 10px 10px;}
	.n_solutionlist_2 li{ width:98%}
	.n_solutionlist li h3{ font-size:18px;}
	.n_solutionlist .textbox .text_bot{ font-size:12px; line-height:20px}
	.download .textbox h3{ font-size:18px;padding: 0 20px 5px;}
	.download .textbox .list{ padding:0 20px 10px}
	.download .textbox .list a{ font-size:15px}
	.download .textbox .list a:after{ height:10px; margin-top:-5px}
	
	.hr-top .text{ position:relative; background:none; color:#666; padding:0; font-size:14px;}
	.hr-top .text h3{ color:#333; margin-top:15px; line-height:30px}
	.hr-top .text p{ margin-top:5px}
	.recruit{ padding:0 10px; line-height:45px; height:45px; font-size:14px}
	.recruit-li1{ padding:10px; line-height:20px}
	.recruit .tit1, .recruit-li1 .tit1{ width:26%; padding-right:3%}
	.recruit .tit4, .recruit-li1 .tit4{ width:23%}
	.recruit-li1 .tit5{ right:10px;background: url(arrow_icon01.png) no-repeat center 12px;-webkit-transition:none;-moz-transition: none;-ms-transition:none;transition:none;}
	.recruit-li1.active .tit5{background: url(arrow_icon01.png) no-repeat center bottom 12px;}
	.recruit-li2{ padding:20px; font-size:14px}
	.newDetail{ font-size:14px;}
	.newscon .ntit{ font-size:20px; font-weight: normal; margin-bottom:5px}
	.contact-top .text .item{ font-size:14px; line-height:26px}
	.contact-top .text .item h3{ font-size:20px;}
	.page_2 .back{ width:70px; height:32px; line-height:32px;}
	.page_2 p{ padding-right:100px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
	.n_solutionlist_3 .top_4 .item1, .n_solutionlist_3 .top_4 .item2{ width:98%}
	.n_solutionlist_3 .top_4 .item3 .kuai{ width:98%}
	.n_solutionlist_3 .bot .item{ width:98%}
	.n_solutionlist_3 .textbox p{ padding-top:5px}
	.m-video .icon{ width:60px; height:60px;margin-top: -30px;margin-left: -30px;}
	.newslist li h3{ font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.newslist li .intro{ font-size:12px; line-height:24px}
	.newslist li .bot{ font-size:12px;}
	.newslist li .bot span{ margin-right:10px;}
	.newslist li .bot .more{ font-size:12px; padding-left:10px;}
	.newslist li .bot .more:before{ height:10px;top:7px}
	.n_solutionlist li{ width:98%}
	.product_con .left .protxt{ padding-left:0; margin-top:20px}
	.product_con .protxt h1{ font-size:22px;}
	.product_con .protxt .weight{ font-size:18px}
	.product_con .left .proimg{ float:none; width:100%}
	.product_con .left .proimg .bot{ display:none}
	.related_pro li{ width:98%; margin-bottom:2%}
	.m-prosolu{ display:block; margin-bottom:20px}
	
	
}
@media screen and (max-width:425px){.header-top .right a{ font-size:12px}.f-flink{ font-size:12px;}.copyright{ font-size:12px}.f-contact .kuai .tel{ font-size:18px}.m-video .icon{ width:46px; height:46px;margin-top: -23px;margin-left: -23px;}
.i-newslist li .pic{ height:120px;}
.img-list{ flex-wrap:wrap;}
.img-list img{ width:100%; margin-bottom:10px}
}